<template>
    <div>
        <h2>{{name}}</h2>
        <h2>年龄{{MyAge+1}}</h2>
        <h2>性别{{sex}}</h2>
        <button @click="change">尝试修改年龄</button>
    </div>
</template>
<script>
    export default {
        name: 'StudentN',
        data() {
            return {
                name: '脚手架配置',
                MyAge:this.age
            }
        },
        //props动态接受外部数据  不可乱传值  外部接受props不可修改
        props:['age','sex'],

        //接受同时进行数据规范,限制类型
        // props:{
        //     age:Number,
        //     sex:String
        // }

        // props:{
        //     age:{
        //         //必须得传
        //         required:true,
        //         //类型限制
        //         type:Number
        //     },
        //     sex:{
        //         // required:true,
        //         type:String,
        //         default:'未知'
        //         // require和string两者不可一起,否则矛盾
        //     }
        // },
        methods:{
            change(){
              this.MyAge+=1
            }
        
        }
    }
</script>
<style>
</style>